.SearchNavBar {
  &:global(.hidden) {
    display: none;
  }

  :global {
    .wrap {
      flex: 1;
      display: flex;
      align-items: center;

      .nav-left {
        width: auto !important;
        min-width: 60px;
        max-width: 190px !important;

        margin: 0 20px;
      }

      .nav-right {
        margin-right: 20px;
        flex: 1;
      }

      .title {
        flex-shrink: 0;

        font-size: 32px;
        line-height: 32px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 700;
        text-align: center;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      .search {
        height: 60px;
      }
    }
  }
}
